<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="http://www.tmooc.cn">
    <!--注意type的值-->
    用户名：<input type="text" name="username"
               maxlength="5" readonly="只读"
               value="ali"
               placeholder="用户名"><br>
    密码：<input type="password" name="username" placeholder="密码"><br>

    性别：<input type="radio" name="gender" value="m" checked>男
         <input type="radio" name="gender" value="w" >女<br>
    <!--多选框-->
    兴趣爱好：<input type="checkbox" name="hobby" value="dq">打球
             <input type="checkbox" name="hobby" value="xx">学习
             <input type="checkbox" name="hobby" value="dyx">打游戏<br>

    生日：<input type="date" name="birthday" ><br>

    靓照：<input type="file" name="pic"><br>

    <!--下拉框不是input-->
    <select name="city" >
        <option value="bj">北京</option>
        <option value="sh">上海</option>
        <option value="gz">广州</option>

    </select><br>

    <input type="reset" >
    <!--功能需要用js去实现-->
    <input type="button" value="自定义">

<!--提交按钮-->
    <input type="submit" value="注册">

</form>

</body>
</html>